


<script setup>
import {ref, reactive} from 'vue'

const items = ref(
    [{ message: 'Foo' }, { message: 'Bar' }]
)


</script>

<!-- v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 -->
<template>
    <li v-for="item in items" :key="item.message">
        {{ item.message }}
    </li>
</template>
